<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。
在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 
滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。
如果事件的回调函数较为复杂，就会导致响应跟不上触发，出现页面卡顿，假死现象。 
在实时检查输入时，如果我们绑定onkeyup事件发请求去服务端检查，
用户输入过程中，事件的触发频率也会很高，会导致大量的请求发出，响应速度会大大跟不上触发。
    -->

    <!-- 节流 throttling-->
    <!-- 连续高频触发事件时，动作会被定期执行，响应平滑。 -->


    <!-- 防抖 debounce-->
    <!--在用户停止某个操作一段时间之后才执行相应的监听函数，
    而不是在用户操作的过程当中，浏览器触发多少次事件，就执行多少次监听函数。
    当事件被触发时，设定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作。
  -->
    </script>
</body>
</html>
